<template>
  <view inline-flex cursor-default text-2xl font-300>
    <view
      flex
      flex-col
      items-center
      hover-class="drop-shadow-md drop-shadow-color-green5"
    >
      <image inline-block h-18 w-18 src="/static/logo.png" />
      <text mt--2 text-blue4>
        uview-pro
      </text>
    </view>
    <view
      text="3xl gray4"
      m="x-1 y-auto"
      i-carbon-add transform transition-all-500 hover:rotate-135
    />
    <view flex flex-col hover-class="drop-shadow-md drop-shadow-color-purple5">
      <image inline-block h-18 w-18 src="/static/unihelper.svg" />
      <text mt--2 text-green5>
        uni-helper
      </text>
    </view>
    <view
      text="3xl gray4"
      m="x-1 y-auto"
      i-carbon-add transform transition-all-500 hover:rotate-135
    />
    <view flex flex-col hover-class="drop-shadow-md drop-shadow-color-purple5">
      <image inline-block h-18 w-18 src="/static/vite.png" />
      <text mt--2 text-purple5>
        Vite
      </text>
    </view>
  </view>
</template>
